@import 'base.css';

#main-title {
    background: linear-gradient(135deg, #42d392, #45ae7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#main-container {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.jv-container {
    height: 100%;
    overflow-y: auto;
    border: none !important;
    background-color: #373737;
}

.jv-key {
    color: #C77DBB;
}

.jv-item::before {
    content: " "
}

.jv-string {
    color: #6AAB73;
}

.jv-number {
    color: #2AACB8;
}

.jv-boolean {
    color: #ff7300;
}

.card {
    min-height: 80vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #2e2e2e;
}

.card-side {
    margin: .6rem;
}
